#include("../../comm/FormHead.html")
<style>
    .layui-code{ overflow:auto; height:400px }
</style>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">#(form.key)配置</li>
        <li>#(form.key)路由</li>
        <li>#(form.key).java</li>
        <li>#(form.key)Validator.java</li>
        <li>#(form.key)Controller.java</li>
        <li>#(form.key)List.html</li>
        <li>Modify#(form.key).html</li>
    </ul>
    <div class="layui-tab-content" style="padding:0px 15px 0px 15px">
        <div class="layui-tab-item layui-show">
            <xmp class="layui-code" lay-title="#(form.key)配置" lay-active="copy"> #(form.data.config)</xmp>
        </div>
        <div class="layui-tab-item">
            <xmp class="layui-code" lay-title="#(form.key)路由" lay-active="copy"> #(form.data.route)</xmp>
        </div>
        <div class="layui-tab-item">
            <xmp class="layui-code" lay-title="#(form.key).java" lay-active="copy">#(form.data.model)</xmp>
        </div>
        <div class="layui-tab-item">
            <xmp class="layui-code" lay-title="#(form.key)Validator.java" lay-active="copy"> #(form.data.validate)</xmp>
        </div>
        <div class="layui-tab-item">
            <xmp class="layui-code" lay-title="#(form.key)Controller.java" lay-active="copy"> #(form.data.controller)</xmp>
        </div>
        <div class="layui-tab-item">
            <xmp class="layui-code" lay-title="#(form.key)List.java" lay-active="copy"> #(form.data.list)</xmp>
        </div>
        <div class="layui-tab-item">
            <xmp class="layui-code" lay-title="Modify#(form.key).java" lay-active="copy"> #(form.data.modify)</xmp>
        </div>

    </div>
</div>
</div>
<SCRIPT LANGUAGE="JavaScript">
    <!--
    var $ = layui.$;
    layui.use(['code', 'util', 'soulTable'], function () {
//        layui.code({
//            title: '复制'
//            , encode: true
//        });
//        layui.util.event("lay-active", {
//            copy: function () {
//                layui.soulTable.copy($(this).html());
//                // layui.soulTable.copy($(this).context.children[1].innerText);
//                layer.msg('复制成功！');
//            }
//        }, 'click');

        //执行
        layui.util.fixbar({
            bar1: '&#xe64e;'
            , css: {right: 100, top: 100}
            , click: function (type) {
                if (type === 'bar1') {
                    layui.soulTable.copy($(".layui-show").find(".layui-code").html());
                    layer.msg('复制成功！');
                }
            }
        });
    });
    //-->
</SCRIPT>
</body>
</html>